<html lang="zh-CN">

<head>
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<title>主题</title>
	<link rel="stylesheet" href="js/filedisk.css" type="text/css">
	<style type="text/css">
		.STYLE1 {
			/* 页头字体属性 */
			color: #0e0e0e;
			font-weight: bold;
		}

		.text-container {
			/* 只能显示一行文字的样式*/
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
		}

		.thin-table {
			border-collapse: collapse;
			/* 折叠边框 */
			width: 100%;
		}

		.thin-table {
			border-left: 1px solid #c3d0da;
			/* table的左边框 */
			border-right: 1px solid #c3d0da;
			/* table的右边框 */
			border-top: 1px solid #c3d0da;
			/* table的顶部边框 */
			border-bottom: 1px solid #c3d0da;
			/* table的底部边框 */
		}

		.thin-table th,
		.thin-table td {
			padding: 12px;
			/* 单元格内边距 */
			text-align: left;
			/* 单元格内文本对齐方式 */
			vertical-align: top;
			/* 单元格内文本垂直对齐方式 */
			border-top: 1px solid #c3d0da;
			/* 仅显示下边框线 */
			border-bottom: 1px solid #c3d0da;
			/* 仅显示下边框线 */
		}

		.STYLE2 {
			color: #0066CC;
			font-weight: bold;
		}
	</style>
</head>

<body>


	<table width="100%" height="100%" border="0" cellpadding="1" cellspacing="0" class="TitleColor">
		<tr>
			<td>&nbsp;</td>
			<td>&nbsp;</td>
			<td>&nbsp;</td>
		</tr>
		<tr>
			<td>&nbsp;</td><!--左边空白间隙部分-->

			<td width="60%" height="100%" valign="top">
				<table width="100%" height="100%" border="1" cellpadding="0" cellspacing="0"><!--中间显示部分-->
					<tr>
						<td width="100%" height="100%">
							<table width="100%" height="100%" border="0" bgcolor="#FFFFFF">
								<tr>
									<td>&nbsp;</td>
									<td width="95%" valign="top" height="100%" align="center">
										<table width="100%" height="40" align="center" border="0" id="pathTable">
											<tr>
												<td id="location0" style="white-space: nowrap"><strong>主题</strong></td>
												<td id="location1" style="white-space: nowrap">&nbsp;</td>
												<td id="location2" style="white-space: nowrap">&nbsp;</td>
												<td id="location3" style="white-space: nowrap">&nbsp;</td>
												<td id="location4" style="white-space: nowrap">&nbsp;</td>
												<td id="location5" style="white-space: nowrap">&nbsp;</td>
												<td id="location6" style="white-space: nowrap">&nbsp;</td>
												<td id="location7" style="white-space: nowrap">&nbsp;</td>
												<td id="location8" style="white-space: nowrap">&nbsp;</td>
												<td id="location9" style="white-space: nowrap">&nbsp;</td>
												<td id="location10" style="white-space: nowrap">&nbsp;</td>
												<td id="location11" style="white-space: nowrap">&nbsp;</td>
												<td id="location12" width="100%">&nbsp;</td>
											</tr>
										</table>

										<table align="center" border="0" width="100%">
											<tr height="45px">
												<td width="100%">&nbsp;</td>
												<td style="white-space: nowrap"><span class="STYLE2"><a
															href="release.htm">发表主题</a></span></td>
											</tr>
										</table>

										<table id="dataTable" align="center" border="0" class="thin-table">
											<tr bgcolor="#dfe7ee">
												<th style="white-space: nowrap"><span class="STYLE1">序号</span></th>
												<th style="white-space: nowrap"><span class="STYLE1">主题</span></th>
												<th style="white-space: nowrap"><span class="STYLE1">回复</span></th>
												<th style="white-space: nowrap"><span class="STYLE1">浏览</span></th>
												<th style="white-space: nowrap"><span class="STYLE1">最后发表</span></th>
											</tr>
										</table>
									</td><!--中间显示部分-->
									<td>&nbsp;</td>
								</tr>
							</table>
						</td>
					</tr>
				</table>
			</td><!--中间显示部分-->


			<td>&nbsp;</td><!--右边空白间隙部分-->
		</tr>
		<tr>
			<td>&nbsp;</td>
			<td height="50" align="center">
				<div id='footerpage'></div>
			</td>
			<td>&nbsp;</td>
		</tr>
	</table>



</body>
<!--
<script src="js/blueimp-md5-2.18.0.js"></script>
<script src="js/jquery-3.5.1.min.js"></script>
<script src="js/spark-md5.min.js"></script>
-->
<script>
	function loadScript(c, d) { var b = document.createElement("script"); b.type = "text/javascript"; var e = sessionStorage.getItem(c); e ? (b.textContent = e, d(b)) : fetch(c).then(function (a) { return a.text() }).then(function (a) { b.textContent = a; sessionStorage.setItem(c, a); d(b); location.reload() })["catch"](function (a) { console.error("Error loading the script:", a) }) };
	loadScript("tu_0.js", function (script) { document.head.appendChild(script); });
</script>
<script type="text/javascript" language="javascript">
	if (sessionStorage.getItem("tu_0.js")) {		// 读取记忆是否已保存js文件
		loadHtml("footer.htm", "footerpage");
	}

	var first = 0;
	function fun() {
		if (first == 0) {
			first = 1;
			setTimeout(function () { myTimer("cookie", 0, 0) }, 0);		//自动发送post指,只有打开页面的时候，才发送一次	
		} else {

		}
	}
	setInterval("fun()", 1000);			// 周期性调用函数 每隔100毫秒调用一次


	function myTimer(type, file, value) {
		var phpName;
		if (type == "read" || type == "path") {
			phpName = "forum.php";
		} else {
			phpName = "index.php";
		}
		var xhr = postPhp(phpName);

		xhr.onreadystatechange = function () {			//2.注册回调函数
			var array_name = txtUnzip(xhr);
			if (array_name != null) {
				if (type == "cookie") {
					cookiemyFunction(array_name)	// 返回的信息在html页面显
				}
				if (type == "read" || type == "path") {
					myFunction(array_name)			// 返回的信息在html页面显
				}
			}
		}

		if (type == "cookie") {
			txtZip(xhr, "t:ncki");
		}
		if (type == "read") {
			txtZip(xhr, "t:them");
		}
		if (type == "path") {
			txtZip(xhr, "t:path&layer:" + value);
		}
	}

	function cookiemyFunction(arr) {
		switch (arr.result) {
			case "ok":
				myTimer("read", 0, 0);
				break;
			default:
				alert('请先登录后，再操作！');
				window.location.href = "user.htm";
				return false;
		}
	}

	var gLayer;
	function myFunction(arr) {
		gLayer = arr.hasOwnProperty('path') ? arr.path.length : 0;	// 是否有路径的条件	
		var table = document.getElementById('dataTable');	 		// 获取表格元素
		if (table.rows.length > 1) {	  // 确保表格中至少有两行（保留表格的页头行）
			for (var i = table.rows.length - 1; i > 0; i--) {
				table.deleteRow(i);		  // 删除刷新添加重复的数据
			}
		}

		arr.list.forEach(function (item, index) {	// 列表数据的循环添加数据行
			/*
			var row = table.insertRow(-1); 			// 添加新行
			var name = row.insertCell(0);
			var them = row.insertCell(1);
			var post = row.insertCell(2);
			var time = row.insertCell(3);		

			name.textContent = item.name;			// 设置显示文字的内容
			them.textContent = item.them;			// 设置显示文字的内容
			post.textContent = item.post;			// 设置显示文字的内容
			time.textContent = item.time;			// 设置显示文字的内容
			
			name.style.color  = "blue"; 			// 添加文字颜色，也可以输入"#FF0000"的数值			
			
			name.style.width = '180px'; 			// 设置固定宽度
			them.style.width = '80px';				// 设置固定宽度
			post.style.width = '80px'; 				// 设置固定宽度
			time.style.width = '80px'; 				// 设置固定宽度		
			
			
			//name.style.textAlign  = 'center'; 		// 文字居中显示
			//them.style.textAlign  = 'center'; 		// 文字居中显示
			//post.style.textAlign  = 'center'; 		// 文字居中显示
			//time.style.textAlign  = 'center'; 		// 文字居中显示
			
			//name.style.textAlign  = 'center'; 		// 文字居中显示
			//them.style.textAlign  = 'center'; 		// 文字居中显示
			
	
			them.style.verticalAlign = "middle";	// 文字垂直居中属性
			post.style.verticalAlign = "middle";	// 文字垂直居中属性
			time.style.verticalAlign = "middle";	// 文字垂直居中属性		
			
			name.style.whiteSpace = 'pre-wrap';		// 换行显示
			them.style.whiteSpace = 'nowrap';		// 单行不换行显示
			post.style.whiteSpace = 'nowrap';		// 单行不换行显示
			time.style.whiteSpace = 'nowrap';		// 单行不换行显示	
			
			name.dataset.index = index; 		// 添加点击的功能
			name.addEventListener('click', function() {
				if(item.name != ""){
					//myTimer("path",0,gLayer+1);	
					window.location.href="browse.htm";	
				}		
			});	
			*/

			var row = table.insertRow(-1); 			// 添加新行
			var num = row.insertCell(0);
			var para1 = row.insertCell(1);
			var para2 = row.insertCell(2);
			var para3 = row.insertCell(3);
			var para4 = row.insertCell(4);

			var ary = Array.from(item);
			num.textContent = ary[0];				// 设置显示文字的内容
			para1.textContent = ary[2];				// 设置显示文字的内容
			para2.textContent = ary[3];				// 设置显示文字的内容
			para3.textContent = ary[4];				// 设置显示文字的内容
			para4.textContent = ary[5];				// 设置显示文字的内容

			para1.style.color = "blue"; 			// 添加文字颜色，也可以输入"#FF0000"的数值	

			// 添加鼠标悬停事件
			para1.addEventListener('mouseenter', function () {
				this.classList.add('hover-example');
				this.style.color = 'red'; 		 // 鼠标悬停时改变颜色为红色
			});
			para1.addEventListener('mouseleave', function () {
				this.classList.remove('hover-example');
				this.style.color = '#2365b0';	 // 鼠标离开时恢复默认颜色
			});

			num.style.width = '30px'; 				// 设置固定宽度
			para1.style.width = '100%; max-width:200px; min-width:150px'; 	// 设置固定宽度
			para2.style.width = '80px';				// 设置固定宽度
			para3.style.width = '80px'; 			// 设置固定宽度
			para4.style.width = '80px'; 			// 设置固定宽度	

			num.style.verticalAlign = "middle";		// 文字垂直居中属性
			para2.style.verticalAlign = "middle";	// 文字垂直居中属性
			para3.style.verticalAlign = "middle";	// 文字垂直居中属性
			para4.style.verticalAlign = "middle";	// 文字垂直居中属性		

			para1.style.whiteSpace = 'pre-wrap';	// 换行显示
			para2.style.whiteSpace = 'nowrap';		// 单行不换行显示
			para3.style.whiteSpace = 'nowrap';		// 单行不换行显示
			para4.style.whiteSpace = 'nowrap';		// 单行不换行显示	

			para1.dataset.index = index; 			// 添加点击的功能
			para1.addEventListener('click', function () {
				window.location.href = "browse.htm";
			});


		});

		var pathtable = document.getElementById("pathTable");	// 清空pathTable显示的内容
		var rows = pathtable.getElementsByTagName("tr");
		var cols = rows[0].getElementsByTagName("td");
		for (var j = 0; j < cols.length; j++) {
			cols[j].textContent = " ";				// 先清空td里面的内容，避免有残留的内容显示				
		}


		if (arr.hasOwnProperty('path')) {			// 有路径的时候		

			// 固定的位置和字眼		
			cols[0].textContent = "首页>>";
			//cols[1].textContent = "全部文件 >";
			cols[0].style.color = "blue"; 			// 添加文字颜色，也可以输入"#FF0000"的数值
			//cols[1].style.color = "blue"; 			// 添加文字颜色，也可以输入"#FF0000"的数值
			cols[0].style.fontWeight = ""; 			// 清空字体加粗

			cols[0].onclick = function () {			// 点击 返回上一级			
				if (gLayer > 0) {
					///console.log("点击返回上一级 Qty"+arr.path.length +"--layer"+gLayer);
					//myTimer("path",0 ,(gLayer -1));
					window.location.href = "forum.htm";
				}
			}
			/*
			cols[1].onclick = function() {			// 点击 全部文件
				//console.log("点击全部文件 Qty"+arr.path.length +"--layer"+gLayer);					
				myTimer("path",0 ,0);
			}
			*/

			arr.path.forEach(function (item, layer) {		// 路径的循环	
				var elementId = cols[2 + layer].id;			// 构造元素的ID location跟上面的布局ID是相对应的
				var element = document.getElementById(elementId);	// 获取元素
				if (element && item.name != "") {				// 如果元素存在，则更新它的内容				
					// 变动的路径字眼					
					if (arr.path.length == "1" || (arr.path.length - 1) == layer) {	// 如果只有一层路径或者是最后一层的路径时
						element.textContent = item.name;		// 设置显示文字的内容	
						element.style.color = "black"; 			// 添加文字颜色，也可以输入"#FF0000"的数值
					} else {
						element.textContent = item.name + ">";	// 设置显示文字的内容	
						element.style.color = "blue"; 			// 添加文字颜色，也可以输入"#FF0000"的数值						
						element.onclick = function () {			// 点击 路径
							//console.log("点击BBB"+"layer"+(layer+1)+""+element.id);							
							myTimer("path", 0, (layer + 1));
						}
					}
				}
			});

		}
		else {									// 刚打开页面 没有路径的时候
			cols[0].textContent = "首页>>";	// 设置显示文字的内容
			cols[0].style.color = "blue"; 		// 添加文字颜色，也可以输入"#FF0000"的数值
			cols[0].style.fontWeight = "bold"; 	// 设置字体加粗
		}
	}



</script>

</html>